/* CSS Document */
/*#region 重置元素*/
body { font-family:Arial, "微软雅黑"!important;}

*:focus {outline: none;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li,pre, form, fieldset, legend, button, input, textarea, th, td{
    padding: 0;
    margin:0;
}


@font-face {font-family: "Raleway";
  src:  url(../../fonts/Raleway-Regular-2.ttf);}

@font-face {font-family: "Akz";
  src:  url(../fonts/AkzidenzGrotesk-BoldCondAlt.otf);}

@font-face {font-family: "Montserrat-Light";
  src:  url(../fonts/Montserrat-Light.ttf);}

@font-face {font-family: "Montserrat-Hairline";
  src:  url(../../fonts/Montserrat-Hairline.ttf);}




@font-face {font-family: "raleway_1-webfont";
  src:  url(../../fonts/raleway_1-webfont.woff2);}


body{
    font:1em/1.3 "SourceHanSansCN-Normal";   
	-webkit-text-size-adjust: 100% !important;   
}
img{
max-width:100%;}
button, input, select, textarea,h1, h2, h3, h4, h5, h6{
    font-size:1em;
    line-height:1.3;font-family: "SourceHanSansCN-Normal";
}
address, cite, dfn, em, var { 
    font-style:normal; 
} 
code, kbd, pre, samp {
     font-family: courier new, courier, monospace; 
} 
small { 
    font-size:  0.75em; 
} 
ul, ol { 
    list-style: none; 
    margin:0;
}
body,legend { 
    color:#010101;
}
a{
    color:inherit;
	color:#010101;
    text-decoration: none; 
}
a:hover  {
    color:#634485;    
    text-decoration: none; 
}
a:active{
    color:inherit;
}
sup { 
    vertical-align: text-top; 
} 
sub { 
    vertical-align: text-bottom;
}

fieldset, img { 
    border: 0; 
}
button, input, select, textarea { 
     
} 
/*table { 
    border-collapse: collapse; 
    border-spacing: 0; 
    width:100%;
    word-break: break-all;
}
table th {
    font-weight:normal;
}
table th,table td {
    font-weight:normal;
    text-align:center;
} */
article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section,summary, time, mark, audio, video {
    display: block;
    margin: 0;
    padding: 0;
}
img{
	vertical-align:middle;
}
::-moz-placeholder { color:#000; }
input:-webkit-input-placeholder { color:#000; } 
input:-moz-placeholder { color:#000; } 
/*#endregion*/
/*#region 清除浮动*/
.clearfix:after{
	content: '\20';
    display: block;
    height: 0;
    clear: both;
}
.clearfix { 
	*zoom:1;
}
/*#endregion */

button:disabled,
.disabled{
    opacity:0.5;
    cursor:default;
}
.hi{overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.css3,.about_1 ul li a{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.comdiv{
width:100%; overflow:hidden; margin:0; padding:0;}
.cssimg,.cssimgp img,.index_4_3_left_1_bg,.pro_1_mid_mid_left_bg,.ser_2_mid_pic_bg,.ser_1_right_bg{transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;/*transition-duration: 0.7s;-ms-transition-duration: 0.7s;-moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s;*/}
@media screen and (min-width:768px) {
.cssimg:hover,.cssimgp:hover img,.index_4_3_left:hover .index_4_3_left_1_bg,.pro_1_mid ul li:hover .pro_1_mid_mid_left_bg,.ser_2_mid ul li:hover .ser_2_mid_pic_bg,.ser_1_right:hover .ser_1_right_bg{/*-webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05);*/transform: scale(1.08, 1.08);}
}
.daxie{text-transform: uppercase;}
.cell_mid{ display: table; height:100%; width:100%; }
.cell_h{ height:100%;display: table-cell; vertical-align: middle; } 
/*********header**********/
#header{ padding:32px 0px;transform:translateY(0px);
background:rgba(0,0,0,0);
 
position:fixed; left:0; top:0; width:100%; z-index:888;} 
.header_mid{
position:relative; margin:0 60px; padding-right:150px;}
.header_mid_left{
position:absolute; left:0; top:50%;-webkit-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);transform:translate(0%, -50%); width:300px;}
.header_mid_right ul li{
display:inline-block;}
.header_mid_right{
text-align:right;}
.header_mid_right ul li{ margin-left:50px;
 position:relative; z-index:10;}
.header_mid_right ul li dl{ display:none; padding:15px 0px; z-index:10; text-align:center;background-color:rgba(16, 106, 190, 0.74);
position:absolute; width:150px; left:50%;-webkit-transform:translate(-50%, -0%);-ms-transform:translate(-50%, 0%);transform:translate(-50%, 0%)} 
.header_mid_right ul li a.biga{ position:relative;
color:#fff; padding:20px 0px; display:block} 
.header_mid_right ul li a.biga:after{ top:100%;-webkit-transform:translate(-0%, -50%);-ms-transform:translate(-0%, -50%);transform:translate(-0%, -50%);
content:''; position:absolute; left:50%; height:1px; background-color:#fff; width:0;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.header_mid_right ul li:hover a.biga:after{
left:0; width:100%;}
body.cur .header_mid_right ul li a.biga:after{
background-color:#000;}
.header_mid_right ul li dl a{
color:#fff; display:inline-block; position:relative;}
.header_mid_right ul li dl a:after{-webkit-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);transform:translate(0%, -50%);
content:''; width:3px; height:3px; background-color:#fff; position:absolute; left:-10px; top:50%; content:''; opacity:0;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.header_mid_right ul li dl a:hover:after{
opacity:1;}
.header_mid_right_right{ background-position:17px center; background-repeat:no-repeat; background-image:url(../../images/img6.png);
position:absolute; right:0; top:50%;-webkit-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);transform:translate(0%, -50%)}
.header_mid_right ul li dl dd{
line-height:35px; border-bottom:1px rgba(16, 106, 190, 0.74) solid;}
.header_mid_right ul li dl dd:last-child{
border:none}
.header_mid_right_right_mid a{
color:#fff;}
a.gfs{ padding-left:24px; padding-top:20px; padding-bottom:20px;
display:inline-block; background-position:left center; background-repeat:no-repeat; background-image:url(../../images/banben.png);}
.header_mid_right_right_mid{
position:relative; margin-left:24px; padding-left:24px; position:relative;}
.header_mid_right_right_mid dl{background-color:rgba(0, 0, 0, 0.74); padding:10px 0px; display:none;
position:absolute; width:150px; left:0px; }
.header_mid_right_right_mid dl dd a{ background-repeat:no-repeat;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
display:block; line-height:28px; background-position:25px center; padding-left:55px;}
.header_mid_right_right_mid dl dd{
padding:3px 0px;}
.header_mid_right_right_mid dl dd a:hover{
background-color:#0b67bb}
/***************index*********************/ 





@keyframes mydot {
	form {
		top: 50%;
	}
	to {
		top: 35%;
	}
}

.banner_text_bot {
	position: relative;
	bottom: 0px;
	left: 0;
	right: 0;
	width: 100%;
	height: 325px;
	margin-top: 0px;
	background: rgba(255, 255, 255, 0.6);
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000,endcolorstr=#99000000);
	z-index: 999;
}

.banner_text_bot .mask {
	background-color: #fff;
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f000000, endcolorstr=#7f000000);
	width: 100%;
	height: 50%;
	position: absolute;
	bottom: 0;
	left: 0;
}


.banner_text_bot h3 {
	color: #000;
	font-size: 40px;
	letter-spacing: 1px;
	font-weight: 700;
	width: 100%;
	text-align: center;
	margin: auto;
	transform: translateY(25%);
	text-transform: uppercase;
	font-family: raleway_1-webfont;
}

.banner_text_bot h3 i {
	color: #0b67bb; font-style:normal;
	font-size: 35px;
	letter-spacing: 1px;
	font-weight: 400;
	width: 100%;
	text-align: center;
	margin: auto;
	transform: translateY(25%);
	text-transform: uppercase;
	font-family: raleway_1-webfont;
}
.banner_text_bot h3 i font {color: #0b67bb;}

.banner_text_bot h3 > div {
	font-size: 60px;
}


@keyframes mydot {
	form {
		top: 50%;
	}
	to {
		top: 35%;
	}
}
.banner_text_bot {
	/*position: relative;
	bottom: -110px;*/
	left: 0;
	right: 0;
	width: 100%;
	height: 430px;
	/*margin-top: 190px;*/
	background: rgba(255, 255, 255, 0.6);
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000,endcolorstr=#99000000);
	z-index: 999;
}
.banner_text_bot .mask {
	background-color: #fff;
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f000000, endcolorstr=#7f000000);
	width: 100%;
	height: 50%;
	position: absolute;
	bottom: 0;
	left: 0;
}

.banner_text_bot h3 {
	color: #0b67bb;
	font-size: 40px;
	letter-spacing: 4px;
	font-weight: bold;
	width: 700px;
	text-align: center;
	margin: auto;
	transform: translateY(40%);
	font-family: 'raleway_1-webfont';
	text-transform: uppercase;
	-webkit-transition: all 1s ease 0.6s;
	-moz-transition: all 1s ease 0.6s;
	-ms-transition: all 1s ease 0.6s;
	-o-transition: all 1s ease 0.6s;
	transition: all 1s ease 0.6s;
}

.banner_text_bot .hidden_span{
	font-size:60px;
	letter-spacing: 4px;
	color: #a54324;
    text-align: center;
    margin-bottom: 20px;
}

.banner_text_bot h3 span{
	font-size: 22px;
    letter-spacing:10px;
	font-weight: normal;
	position: relative;
	top: 0;
	font-family: "raleway_1-webfont"; color:#000;
}
.banner_text_bot h3.active {
	opacity: 1;
}

.banner_text_bot h5{
	position: absolute;
	bottom: 16%;
	left: 50%;
	transform: translateX(-48%);
	font-size: 16px;
	color: #a54324;
	letter-spacing:10px;
	text-align: center;
}
.banner_text_bot h5 span {
	display: inline-block;
	-webkit-transition: all 1.2s ease-in-out 0.2s;
	-moz-transition: all 1.2s ease-in-out 0.2s;
	-ms-transition: all 1.2s ease-in-out 0.2s;
	-o-transition: all 1.2s ease-in-out 0.2s;
	transition: all 1.2s ease-in-out 0.2s;
}
.banner_text_bot h5 span:nth-of-type(1) {
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-o-transform: translateY(50px);
	transform: translateY(50px);
}
.banner_text_bot h5 span:nth-of-type(2) {
	-webkit-transform: translateY(-40px);
	-moz-transform: translateY(-40px);
	-ms-transform: translateY(-40px);
	-o-transform: translateY(-40px);
	transform: translateY(-40px);
}
.banner_text_bot h5 span:nth-of-type(3) {
	-webkit-transform: translateY(60px);
	-moz-transform: translateY(60px);
	-ms-transform: translateY(60px);
	-o-transform: translateY(60px);
	transform: translateY(60px);
}
.banner_text_bot h5 span:nth-of-type(4) {
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	transform: translateY(-50px);
}
.banner_text_bot h5 span:nth-of-type(5) {
	-webkit-transform: translateY(40px);
	-moz-transform: translateY(40px);
	-ms-transform: translateY(40px);
	-o-transform: translateY(40px);
	transform: translateY(40px);
}
.banner_text_bot h5 span:nth-of-type(6) {
	-webkit-transform: translateY(-55px);
	-moz-transform: translateY(-55px);
	-ms-transform: translateY(-55px);
	-o-transform: translateY(-55px);
	transform: translateY(-55px);
}
.banner_text_bot h5 span:nth-of-type(7) {
	-webkit-transform: translateY(45px);
	-moz-transform: translateY(45px);
	-ms-transform: translateY(45px);
	-o-transform: translateY(45px);
	transform: translateY(45px);
}
.banner_text_bot h5 span:nth-of-type(8) {
	-webkit-transform: translateY(-35px);
	-moz-transform: translateY(-35px);
	-ms-transform: translateY(-35px);
	-o-transform: translateY(-35px);
	transform: translateY(-35px);
}
.banner_text_bot h5 span:nth-of-type(9) {
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-o-transform: translateY(50px);
	transform: translateY(50px);
}
.banner_text_bot h5.active span {
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
}

.banner_anmit {
	text-align: center;
	margin: 20% auto 0;
	width: 160px;
	height: 60px;
}

/*sec2*/

.ind_sec2 {
	width:100%; 
	 padding:50px 20% 80px;
	overflow: hidden;
	position: relative;
	z-index: 20;
	background: #fff;
}

.index_more {
	display: block;
	width: 160px;
	margin: 40px auto 80px;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 2px;
	color: #a54324;
	line-height: 40px;
	text-align: center;
	position: relative;
	font-family: arial;
	text-decoration: none;
}
/*.ind_sec2_bg {
	width: 100%;
	background: #fff;
	position: relative;
	z-index: 19;
}*/

.ind_sec2_tit {}

.ind_sec2_tit .line {
	width: 1px;
	height: 50px;
	margin: auto;
	background: #333;
}

.ind_sec2_tit h3 {
	text-align: center;
	margin: 20px 0;
	font-weight: bold;
	font-size: 28px;
}

.ind_sec2_box {
	position: relative;
	opacity: 0;
	-webkit-transition: all 1s ease 0.6s;
	-moz-transition: all 1s ease 0.6s;
	-ms-transition: all 1s ease 0.6s;
	-o-transition: all 1s ease 0.6s;
	transition: all 1s ease 0.6s;
}
.ind_sec2.active .ind_sec2_box {
	opacity: 1;
}
.ind_sec2_txt {
	color: #444;
	position: relative;
}.ind_sec2_txt a { color:#444;}

.ind_sec2_txt h5 {
	font-size: 35px;
	letter-spacing: 1px;
	font-family: 'raleway_1-webfont';
	color: #333;
	text-transform: capitalize; font-weight:400;
	margin: 30px 0 20px;
	text-align: center;
}

.ind_sec2_txt h6 {
	font-size: 15px;
	letter-spacing: 0px;
	line-height: 28px;
	text-align: center;

}



.ind_sec2_bot p {
	margin: 20px 0 0;
	text-align: center;
	font-size: 14px;
	color: #999;
}


/*sec2*/



.banner_img{
position:relative; width:100%; height:100vh;}
.banner_img_pc{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.banner_img_mo{
display:none} 
.index_1{
position:relative;} 
.index_1_left{
width:50%;}
.index_1_right{
position:absolute; right:0; top:0; width:50%; height:100%; overflow:hidden;}
.index_1_right_bg{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.index_1_left_mid{ padding:13.22916666666667vw 0;
margin-left:27%; margin-right:17%;}
.index_1_left_mid_1 span{ display:inline-block; position:relative; padding-right:90px;
font-family:Times New Roman;} 
.vmore{ color:#000;
display:inline-block; position:relative; padding-right:90px; z-index:9999999;}
.vmore span{
color:#000;}
.index_1_left_mid_1 span:after,.vmore:after{-webkit-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);transform:translate(0%, -50%);
content:''; position:absolute; right:0; width:0px; height:1px; background-color:#d4d4d4; top:50%;transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} 
.index_1_left_mid_1 span:before,.vmore:before{-webkit-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);transform:translate(0%, -50%);
content:''; position:absolute; right:80px; width:0px; height:1px; background-color:#000; top:50%; z-index:10;transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;} 
.index_1_left_mid_2{
font-size:2.25em; margin-top:7px; margin-bottom:.75em;}
.index_1_left_mid_3{
color:#222; line-height:1.8; margin-bottom:3.5em;}
.index_1_left_mid_1.wow.animated span:after,.vmore.wow.animated:after{
width:80px;}

.index_1_left_mid_1.ani.animated span:after,.vmore.ani.animated:after{
width:80px;}

.index_1_left_mid_1.ani.animated span:before,.vmore.ani.animated:before{
width:15px; right:65px;}

.index_1_left_mid_1.wow.animated span:before,.vmore.wow.animated:before{
width:15px; right:65px;}
.vmore.wow.animated:hover:before{
width:80px; right:0;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.index_1_left_mid_4{
overflow:hidden;}
.index_2_img{
overflow:hidden;}
.index_2_img img{
width:100%;  }

.index_2{
position:relative;  }
.index_2_mid{ text-align:center; color:#fff;
position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;}
.index_2_mid_mid{
margin:0 60px;}
.index_2_mid_mid_1 a{ background-image:url(../../images/span.png);
display:inline-block; width:7.5625em; height:7.5625em; background-position:center; background-repeat:no-repeat; background-size:cover;}
.index_2_mid_mid_1{
margin-bottom:2em;}
.index_2_mid_mid_2 ul li{
display:inline-block; margin:0 1em;}
.index_2_mid_mid_2 ul li span{
font-size:3em; display:inline-block; padding:0 0.4583333333333333em; background-position:left center; background-repeat:no-repeat; background-image:url(../../images/xx.png);}
.index_2_mid_mid_2 ul li span:nth-child(1){
background-image:none}
.index_2_mid_mid_2 ul{
position:relative; overflow:hidden;}
.index_2_mid_mid_2 ul:after{-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);
content:''; position:absolute; left:50%; top:50%; width:1em; height:1em; background-color:#fff; border-radius:100%; display:none;}
.index_3_mid{
margin:0 6.54166666666667%;}
.index_3{ padding-top:7.1875vw; padding-bottom:6.97916666666667vw;
background-image:url(../images/index/img4.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.white_f,.vmore.white_f span{
color:#fff}
.index_1_left_mid_1 span.white_f:after, .vmore.white_f:after{
background-color:#fff; opacity:.26;}
.index_1_left_mid_1 span.white_f:before, .vmore.white_f:before{
background-color:#fff;  }
.index_3_2{
text-align:right; margin-top:1.5em;}
.swiper-container-video{
width:100%; height:100%;}
.swiper-container-video .swiper-slide {

    padding:0 calc((100vw - 778px) * 0.059375);

	width: 778px;

}
.index_3_2_img{
position:relative; overflow:hidden}
.index_3_2_img img{
width:100%;}
.index_3_2_img:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; background-color:#000; opacity:.5;}
.index_3_2_name{ letter-spacing:3px; line-height:1.6; overflow:hidden;  
font-size:1.5em; color:#fff; text-align:center; margin-top:2.5em;}
.index_3_2_name span{
display:block; position:relative}
.index_3_2{
margin-top:3.5em;  }
.index_3_2 .swiper-slide:hover .index_3_2_img:after{
opacity:0;}
.index_3_2_view_btn{ top:35%; z-index:10; 
position:absolute; width:6.97916666666667vw; height:6.97916666666667vw; right:0vw; opacity:0;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.index_3_2_view_btn a{ background-position:center; background-repeat:no-repeat; background-size:cover;
position:absolute; left:0; top:0; width:100%; height:100%; background-image:url(../images/index/img6.png); display:block; }
.index_3_2 .swiper-slide-active .index_3_2_view_btn{
opacity:1;}
.swiper-button-zb{border-radius:100%;top:35%; z-index:10;background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/index/img7.png);
position:absolute;   width:6.97916666666667vw; height:6.97916666666667vw; left:35px;  transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; cursor:pointer}
.swiper-button-yb{border-radius:100%;top:35%; z-index:10;background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/index/img8.png);
position:absolute;   width:6.97916666666667vw; height:6.97916666666667vw; right:35px;  transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; cursor:pointer}
.index_4{
padding:7.55208333333333vw 0;}
.index_4_mid_left{
float:left; width:50.87591240875912%; overflow:hidden;}
.index_4_mid_left img{
width:100%;}
.index_4_mid_right{ margin-right:4.74452554744526%;
float:right; width:36.4963503649635%; margin-top:5.41666666666667vw;}
.index_4_mid_right_1{
overflow:hidden;margin-top:6.61458333333333vw; margin-bottom:1.5em;}
.index_4_mid_right_1 ul li{
display:inline-block; font-size:1.125em; color:#666666;}
.index_4_mid_right_1 ul li:nth-child(1) span{
font-size:1.444444444444444em; color:#000;}
.index_4_mid_right_1 ul li:nth-child(2){
font-family:Times New Roman}
.index_4_mid_right .index_1_left_mid_2{
margin-bottom:0}
.index_4_mid_right_2{ overflow:hidden;
line-height:1.8; color:#333; }
.index_4_act{ bottom:11vw; width:210px; font-size:14px; font-family:Times New Roman;
position:absolute; left:63.5036496350365%;}
.index_4_act_right{
position:absolute; right:0; top:0;}
.index_4_act_mid{-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%); position:absolute;
width:165px; height:1px; background-color:#c2c2c2; left:50%; top:50%;}
.index_4_act_mid span{ 
position:absolute; left:0; top:0; width:0; height:100%; background-color:#000;}
.index_5{ padding-top:8.33333333333333vw;padding-bottom:8.33333333333333vw;
background:#fff; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.index_5_1{
position:relative}
.index_5_1_left{
width:38%; box-shadow:0px 0px 8px 8px  rgba(0,0,0,.04);  right:0; float:right;}
.index_5_1_left_1{ padding-bottom:7px; overflow:hidden;
font-size:.875em; font-family:Times New Roman; color:#8a8a8a;}
.index_5_1_left_2{ line-height:1.6;
font-size:1.125em; overflow:hidden;}
.index_5_1_left ul li{ margin-top:0; position:relative;
position:relative; padding:2em 2em ; background:#ffffff; } 
.index_5_1_left ul li.on{ background:#0b67bb;}
.index_5_1_left ul li.on span { color:#fff;}
.index_5_1_left ul li:hover { background:#0b67bb;}
.index_5_1_left ul li:hover span { color:#fff;}
.index_5_1_left_1 span,.index_5_1_left_2 span{
display:block;}
.index_5_1_left ul li:after{
content:''; position:absolute; left:0; bottom:0; height:1px; background-color:#d7d7d7; width:100%;}
.index_5_1_left ul li:hover:after{animation:line_l 2s cubic-bezier(.215,.61,.355,1) infinite;  }
@keyframes line_l
{
    0%
    {
    width:calc(100%);
    right:0px;
    left:auto;
    }

    50%
    {
    width:0%;
    left:auto;
    right:0px;
    }
    
    51%
    {
    width:0%;
    left:0px;
    right:auto;
    }
    
    100%
    {
    width:calc(100%);
    left:0px;
    right:auto;
    }
}
.index_5_1_right{
position:absolute; left:0%; top:0em; width:58%; overflow:hidden;}
.imgbj{
opacity:0;}
.index_5_1_right_img{
overflow:hidden; position:relative;}
.index_5_1_right_img img{
width:100%;transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.imgzs{ opacity:0;
position:absolute; left:0; top:0; z-index:10;}
.imgzs.on{ opacity:1;
z-index:11;}
.index_5 .index_3_2{
margin-top:25em;}
.index_5_1_left_2 .hi { height:60px; line-height:30px;


text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
white-space: normal; margin-bottom:10px;
}
/***********footer************/
#footer{ position:relative; z-index:10; background-color:#0b67bb; overflow:hidden;
 color:#fff;}
.footer_1{
font-size:1.875em; margin-bottom:1em;}
.footer_2{
position:relative}
.footer_2_right{
position:absolute; right:0; bottom:0;}
.footer_2_left ul li{ line-height:1.6; margin-top:5px;
position:relative; padding-left:30px;}
.footer_2_left ul li span{
position:absolute; left:0; top:0px;}
.footer_2_left ul li:nth-child(3) span{
position:absolute; left:0; top:-2px;}
.footer_2_left ul li a:hover{
color:#000}
.footer_2_right_1 ul li{
display:inline-block;}
.footer_2_right_1 ul li a{ border-radius:100%; width:30px; height:30px;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
border:1px #1d1f25 solid; position:relative; display:inline-block;}
.footer_2_right_1 ul li a span{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat;}
.footer_2_right_1 ul li:nth-child(1) a span{
background-image:url(../../images/bimg4.png);}
.footer_2_right_1 ul li:nth-child(2) a span{
background-image:url(../../images/bimg5.png);}
.footer_2_right_1 ul li:nth-child(4) a span{
background-image:url(../../images/bimg6.png);}
.footer_2_right_1 ul li:nth-child(3) a span{
background-image:url(../../images/bimg7.png);}
.footer_2_right_1 ul li a:hover{
background-color:#1d1f25;}
.footer_2_right_1{
text-align:right; margin-bottom:1em;}
.footer_2_right_1 ul li:nth-child(1):hover a span{
background-image:url(../../images/bimg4on.png);}
.footer_2_right_1 ul li:nth-child(2):hover a span{
background-image:url(../../images/bimg5on.png);}
.footer_2_right_1 ul li:nth-child(4):hover a span{
background-image:url(../../images/bimg6on.png);}
.footer_2_right_1 ul li:nth-child(3):hover a span{
background-image:url(../../images/bimg7on.png);}

.footer_2_right_2 ul li{ background-image:url(../../images/img8.png);
display:inline-block; padding:0 1em; background-position:right center; background-repeat:no-repeat;}
.footer_2_right_2 ul li:last-child{
padding-right:0; background-image:none}
.footer_cp{ margin-top:5.5em;
border-top:1px #9e9e9e solid; padding:.75em 0; font-size:14px; line-height:1.6;}
.footer_cp_left{
float:left;}
.footer_cp_right{
float:right}
.footer_2_right_2 ul li a:hover{
color:#000;}
.footer_2_right_2 ul li a,.footer_2_left ul li a{
display:inline-block; position:relative;}
.footer_2_right_2 ul li a:after,.footer_2_left ul li a:after{
content:''; position:absolute; left:0; bottom:-5px; height:1px; width:0; background-color:#000;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.footer_2_left ul li a:after{
bottom:0}
.footer_2_right_2 ul li a:hover:after,.footer_2_left ul li a:hover:after{
width:100%;}
.footer_cp_right a:hover{
color:#000;}

.footer_2_right_1 ul li a span{
-webkit-transition: 1s;
    -webkit-transition: -webkit-transform 1s ease-out;
    transition: transform 1s ease-out;
    -moz-transition: -moz-transform 1s ease-out;}
.footer_2_right_1 ul li:hover a span{transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);}
/************about********************/
.nybanner{
position:relative; width:100%; height:100vh; overflow:hidden}
.nybanner_bg{transform:translateX(0%) scale(1.2);transform:translateY(0vh) scale(1.1);
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.wow.animated .nybanner_bg
{
transform:translateX(0%) scale(1);
transition:transform 1.5s cubic-bezier(.215,.61,.355,1);
transition-delay:0s;
}
.nybanner_jj{
position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; text-align:center; color:#fff;}
.nybanner_jj_mid{
margin:0 1em;}
.nybanner_jj_mid_1{
overflow:hidden; font-size:3em; letter-spacing:.15em;}
.nybanner_jj_mid_2{ /*overflow:hidden;*/
font-size:1.5em; font-family:Times New Roman; letter-spacing:.1em; margin-top:15px;}

/*.nybanner_jj_mid_1 span,.nybanner_jj_mid_2 span
{
display: block;
transform: translateY(160%) skewY(10deg);
 
}

.wow.animated .nybanner_jj_mid_1 span,.wow.animated .nybanner_jj_mid_2 span
{
transform: translateY(0%) skewY(0deg);
transition: transform 1.5s cubic-bezier(.215,.61,.355,1);
transition-delay:1s;
}
*/
.about_mid{
margin:0 5.20833333333333%;}
.about_1 ul li{ margin-top:8.33333333333333vw;
position:relative;}
.about_1 ul li:last-child{margin-bottom:8.33333333333333vw;}
.about_mid_left{
width:46.3953488372093%; overflow:hidden;}
.about_mid_right{ top:50%;-webkit-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);transform:translate(0%, -50%);
position:absolute; left:55.23255813953488%; top:50%; width:40.69767441860465%;}
.about_mid_right_1{
font-size:1.875em; overflow:hidden}
.about_mid_right_2{
color:#4f4f4f; line-height:1.8; margin-top:1.125em;}
.about_1 ul li:nth-child(2n) .about_mid_left{
margin-left:53.6046511627907%;}
.about_1 ul li:nth-child(2n) .about_mid_right{
left:3%;}
.about_mid_right_1 span{
display:block}
.about_2{ padding-top:11.875vw; padding-bottom:14.58333333333333vw; 
overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/about/img3.jpg);}
/********pro*********/
#promid{
background-color:#f1f1f1; overflow:hidden;}
.promid_mid{
margin:0 8.85416666666667%;}
.promid{
background-color:#f1f1f1; overflow:hidden; padding-top:16.92708333333333vw;}
.promid_mid_1{ letter-spacing:.15em;
text-align:center; font-size:3em; overflow:hidden}
.promid_mid_1 span{
display:block}
.promid_mid_2{ overflow:hidden;
font-size:1.5em; text-align:center; margin-top:1em; font-family:Times New Roman;}
.promid_mid_1 span,.promid_mid_2 span{
display:block}
.promid_mid_3 ul li{ margin-right:1.10759493670886%; margin-bottom:3.75em;
float:left; width:32.59493670886076%; border-bottom:1px #cbcbcb solid; position:relative; padding-bottom:2.75em;}
.promid_mid_3 ul li:after{
content:''; position:absolute; left:0; bottom:-1px; height:1px; background-color:#000; width:0;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; z-index:10;}
.promid_mid_3 ul li:hover:after{
width:100%;}
.promid_mid_3 ul li:nth-child(3n){
margin-right:0}
.promid_mid_3_2{ margin-top:1em;
font-size:1.25em; overflow:hidden;}
.promid_mid_3_2 span{
display:block; color:#000}
.promid_mid_3_3{ margin-top:3px;
font-size:.875em; overflow:hidden; color:#666;}
.promid_mid_3_3 span{
display:block;font-family:Times New Roman;}
.promid_mid_3{
margin-top:5.05208333333333vw;}
.promid_mid_3_1{ overflow:hidden;
position:relative;}
.promid_mid_3_1 img{
width:100%;}

.a-image-hover{align-items:center;color:#fff;display:flex;font-size:1.2rem;height:100%;justify-content:center;left:0;letter-spacing:.3em;line-height:1;position:absolute;top:0;width:100%;z-index:10}
.a-image-hover span{display:inline-block;opacity:0;transform:translate3d(-30px,0,0);transition:all .5s cubic-bezier(.14,1,.34,1) 0s; font-size:14px; font-family:Arial, Helvetica, sans-serif}
.a-image-hover span:first-child{transition-delay:.03s}
.a-image-hover span:nth-child(2){transition-delay:.06s}
.a-image-hover span:nth-child(3){transition-delay:.09s}
.a-image-hover span:nth-child(4){transition-delay:.12s}
.promid_mid_3 ul li:hover .a-image-hover span{opacity:1;transform:translateZ(0)}
.promid_mid_3 ul li:hover .a-image-hover span:first-child{transition-delay:.12s}
.promid_mid_3 ul li:hover .a-image-hover span:nth-child(2){transition-delay:.06s}
.promid_mid_3 ul li:hover .a-image-hover span:nth-child(3){transition-delay:.04s}
.promid_mid_3 ul li:hover .a-image-hover span:nth-child(4){transition-delay:.03s}
.promid_mid_3_1:after{background-color:rgba(0,0,0,.5);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:all .5s cubic-bezier(.4,.8,.74,1) 0s;width:100%}
.promid_mid_3 ul li:hover .promid_mid_3_1:after{opacity:1}
.promid_mid_4{
text-align:center; margin-bottom:6em;}
.promid_mid_4 ul li{
display:inline-block; font-family:Times New Roman; margin:0 1em;}
.promid_mid_4 ul li span,.promid_mid_4 ul li a{
display:inline-block; position:relative; color:#000;}
.promid_mid_4 ul li a:after,.promid_mid_4 ul li span:after{
content:''; position:absolute; left:0; bottom:0; width:0%; height:1px; background-color:#000;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.promid_mid_4 ul li a:hover:after,.promid_mid_4 ul li.active span:after{
width:100%;}
.pro_info_1_mid_left{
float:left; width:50%; overflow:hidden;}
.pro_info_1_mid_left img{
width:100%;}
.pro_info_1_mid_right{ margin-top:5.98958333333333vw;
float:right; width:42.65232974910394%;}
.pro_info_1_mid_right_2{
margin-top:2em;}
.pro_info_1_mid_right_2 ul li{ margin-right:1em;
display:inline-block; margin-bottom:1em;}
.pro_info_1_mid_right_2 ul li a{ overflow:hidden;
display:block; width:3.75em; height:3.75em; border:1px #fff solid;}
.pro_info_1_mid_right_2 ul li a.on{
border:1px #b2b2b2 solid;}
.pro_info_1_mid_right_2 ul li a img{ width:100%; height:100%;
transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.pro_info_1_mid_right_2 ul li a.on img{
transform: scale(.8, .8);
}
.pro_info_1_mid_right_1{
overflow:hidden; font-size:1.125em;}
.pro_info_1_mid_right_1 span{
display:block;}
.index_1_left_mid_3_p{ height:2em;border-top:1px #cbcbcb solid;}
.pro_info_1 .index_1_left_mid_3{
margin-bottom:2em;}
.pro_info_1{
padding:5.57291666666667vw 0;}
.pro_2{ line-height:1.8;
background-color:#f1f1f1; overflow:hidden; padding:5.72916666666667vw 0;}
.homemid_mid{
position:relative;}
.homemid_mid_left{
width:50%; overflow:hidden;}
.homemid_mid_left img{
width:100%;}
.homemid_mid_right{-webkit-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);transform:translate(0%, -50%);
position:absolute; top:50%; right:0%; width:50%;}
.homemid_mid_right_mid{
margin:0 auto; width:72%;}
.homemid{
background-color:#eff3f4;}
.homemid ul li:nth-child(2n) .homemid_mid_left{
margin-left:50%;}
.homemid ul li:nth-child(2n) .homemid_mid_right{
right:50%;}
/***********news******************/
.news_mid{ overflow:hidden; padding-top:7.65625vw;
background-color:#efefef;}
.news_mid_1_mid{
position:relative;background-color:#fff;}
.news_mid_1_mid_left{
overflow:hidden; width:55.88607594936709%;}
.news_mid_1_mid_left img{
width:100%;}
.news_mid_1_mid_right{ top:50%;-webkit-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);transform:translate(0%, -50%);
position:absolute; right:0; width:44.11392405063291%;}
.news_mid_1_mid_right_mid{
margin:0 12%;}
.news_mid_1_mid_right_mid_1{
overflow:hidden; font-family:Times New Roman; color:#666;}
.news_mid_1_mid_right_mid_1 span{
display:block;}
.news_mid_1_mid_right_mid_2{ margin-top:.75em;
font-size:1.5em; color:#000; overflow:hidden}
.news_mid_1_mid_right_mid_2 span{
display:block}
.news_mid_1_mid_right_mid_3{ position:relative;
border-bottom:1px #d0d0d0 solid; height:2.5em; margin-bottom:2em;
}
.news_mid_1_mid_right_mid_3:after{
content:''; position:absolute; left:0; bottom:0; height:1px; background-color:#000; width:0;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.news_mid_1 ul li:hover .news_mid_1_mid_right_mid_3:after{
width:100%;}
.news_mid_1_mid_right_mid_4{
line-height:1.8; color:#000;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 3;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; overflow:hidden;}
.news_mid_1_mid_right_mid_5{
margin-top:3.5em;}
.news_mid_1_mid_right_mid_4 span{
display:block;}
.news_mid_1_mid_right_mid_5 span{ text-indent:18px;
display:inline-block; position:relative; border:1px #bcbcbc solid; width:178px; height:43px; line-height:43px; font-size:14px; color:#000;}
.news_mid_1_mid_right_mid_5 span:before{-webkit-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);transform:translate(0%, -50%);
left:86px; content:''; position:absolute; top:50%; height:1px; width:58px; background-color:#d1d1d1; }
.news_mid_1_mid_right_mid_5 span:after{-webkit-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);transform:translate(0%, -50%);
left:86px; content:''; position:absolute;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; top:50%; height:1px; width:19px; background-color:#000; z-index:10;}
.news_mid_1 ul li{
margin-top:3.4375em;}
.news_mid_1 ul li:nth-child(1){
margin-top:0}
.news_mid_2{
margin-top:5em;}
.news_mid_1 ul li:hover .news_mid_1_mid_right_mid_5 span:after{
width:58px;}
.news_info_mid{
margin:0 auto; max-width:1080px; padding:0 1em;}
.news_info_mid_1{
text-align:center; font-size:1.875em; margin-bottom:.75em;}
.news_info_mid_2{
text-align:center; font-family:Times New Roman; color:#666;}
.news_info_mid_3{ margin-bottom:3em;
line-height:1.8; padding-top:3em; margin-top:3em; border-top:1px #afafaf solid}
.news_info_mid_4{
border:1px #b4b4b4 solid; }
.news_info_mid_4 ul li{
float:left; width:50%;}
.news_info_mid_4 ul li a{
display:block; padding:.75em 1em;}
.news_info_mid_4 ul li a span{
padding-right:10px;}
.news_info_mid_4 ul li:nth-child(2) a{
text-align:right}
.news_info_mid_4 ul li a:hover{
color:#fff; background-color:#2f2f2f;}
.news_info_mid_4{
margin-bottom:6.51041666666667vw;}
/*************************/
.join_1_right{
position:absolute; right:0; top:0; width:50%; height:100%; overflow:hidden}
.join_1_right_bg{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.join_1{ padding:7vw 0;
position:relative}
.join_1_left{
width:50%;}
.join_1_left_mid{
margin:0 19.79166666666667%;}
.join_1_left_mid_1 ul li{ padding:1.45em 0;
border-bottom:1px #636363 solid;}
.join_1_left_mid_1 ul li a{
display:block; position:relative;}
.join_1_left_mid_1_right{-webkit-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);transform:translate(0%, -50%);
position:absolute; right:0; top:50%;}
.join_1_left_mid_1_left{
font-size:1.875em; color:#000;}
.join_1_left_mid_1{
margin-top:2.5em;}
.swiper-button-zb2{ color:#666; cursor:pointer;
display:inline-block; border:1px #bcbcbc solid; width:2.5em; height:2.5em; text-align:center; line-height:2.5em; font-family:"宋体";}
.swiper-button-yb2{ color:#666; cursor:pointer;
display:inline-block; border:1px #bcbcbc solid; width:2.5em; height:2.5em; text-align:center; line-height:2.5em; font-family:"宋体";}
.swiper-button-zb2:hover,.swiper-button-yb2:hover{
background-color:#4a4a4a; border-color:#4a4a4a; color:#fff;}
.jobact{
margin-top:2.75em;}
.job_2{ padding-bottom:11.875vw; padding-top:9.11458333333333vw;background-attachment: fixed;
background-position:center; overflow:hidden; background-size:cover; background-image:url(../images/join/img2.jpg); text-align:center;}
.job_2_1 ul li{ margin-right:1.04166666666667%;
float:left; width:19.16666666666667%;}
.job_2_1 ul li:nth-child(5){
margin-right:0}
.job_2_1 ul li div{ padding:0 1em;
border:1px #fff solid; overflow:hidden}
.job_2_1 ul li div input,.job_2_1 ul li div select{ height:45px; line-height:45px;  
border:none; background:none; width:100%; color:#fff;}
.job_2_1 ul li div select option{
color:#000;}
.job_2_1 ul li:nth-child(6){
width:100%; margin-right:0; margin-top:16px;}
.job_2_1 ul li:nth-child(6) textarea{
width:100%; border:none; background:none; color:#fff; height:170px;}
.job_2_1 ul li:nth-child(6) div{
padding:1em;}
.job_2_1{
margin-top:4.625em;}
#sbtn{ cursor:pointer;
border:none; width:308px; height:63px; line-height:63px; background-color:#fff; font-size:20px;}
#sbtn:hover{
background-color:#000; color:#fff;}
.job_2_2{
margin-top:2.5em;}
.job_2 .index_1_left_mid_1 span{
padding-right:0}
.job_2 .index_1_left_mid_1 span:after,.job_2 .index_1_left_mid_1 span:before{
display:none}


#burger, #close
{
width:40px;
height:19px;
position:absolute;
right:0px;
top:0px;
bottom:0px;
margin:auto;
transition:opacity 500ms ease-out;
transition-delay:600ms;
}

#burger span
{
display:block;
width:100%;
height:2px;
background:#000;
}

#burger span:first-child
{
width:70%;   
}
    
#burger span:last-child
{
width:70%;  
float:right;
}

#burger span:nth-child(2)
{
margin:6px 0px;
}

#burger:hover span
{
width:100% !important;
transition:width .3s cubic-bezier(.215,.61,.355,1);
}

#close
{
width:30px;
height:30px;
pointer-events:none;
opacity:0;
transition:500ms ease-out;
}

#burger, #close
{
display:none;
}
#close.show
{
opacity:1;
pointer-events:auto;
transition:500ms ease-out;
transition-delay:600ms;
}
  
  #close img
{
width:100%;
}
    
#burger.hide
{
opacity:0;
transition:500ms ease-out;
pointer-events:none;
}

.footer_roll{ height:11px; height:110px; cursor:pointer;
position:absolute; right:60px; z-index:10; bottom:10.625vw;}
.footer_roll_footer{ background-color:#c2c2c2;
width:1px; height:75px; position:absolute; bottom:0; left:50%;-webkit-transform:translate(-50%, -0%);-ms-transform:translate(-50%, -0%);transform:translate(-50%, -0%);}
.footer_roll_footer:after{ content:''; position:absolute; left:0; top:0; width:100%; height:0; background-color:#000; z-index:10;
animation:line_lb 2s cubic-bezier(.215,.61,.355,1) infinite; }
 
@keyframes line_lb
{
    0%
    {
    height:0;
    
    }

    
    
    100%
    {
    height:100%;
    }
}
.footer_2_right_1 img{-webkit-transform:translate(-50%, -0%);-ms-transform:translate(-50%, -0%);transform:translate(-50%, -0%);
position:absolute; left:50%; bottom:2em; max-width:none; display:none}
.footer_2_right_1 a:hover img{
display:block}








/*********top**************/
.header_mid_left a{
display:block; position:relative;}
.header_mid_left a:after{
content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-position: left top; background-repeat:no-repeat; background-size:cover; z-index:10; background-image: url(../../images/logob.png); opacity:0;}
body.cur .header_mid_left a:after,body#probody .header_mid_left a:after{
opacity:1;}
body.cur #header,body#probody #header
{
padding:10px 0;
transform:translateY(0px);
background:rgba(255,255,255,1);
transition: transform .5s ease-out, background-color .5s ease-out;
}
body.cur .header_mid_right ul li a.biga,body#probody .header_mid_right ul li a.biga{
color:#000}
body.cur a.gfs,body#probody a.gfs{
color:#000; background-image:url(../../images/banbenb.png);}
body.cur .header_mid_right_right,body#probody .header_mid_right_right{
background-image:url(../../images/img6b.png);}
body.cur #header.headroom--unpinned
{
transform:translateY(-125px);
background:rgba(0,0,0,0);
transition: transform .5s ease-out, background-color .5s ease-out;
}
/***************/
/*
.index_1_right_bg,.index_2_img img,.index_3_2_img img,.index_4_mid_left img,.index_5_1_right_img,.about_mid_left img,.promid_mid_3_1 img,.pro_info_1_mid_left img,.homemid_mid_left img,.news_mid_1_mid_left img,.join_1_right_bg
{
opacity: 0;
transform:skewY(5deg) scale(1.5) translateY(60px);
}*/

/*.wow.animated .index_1_right_bg,.index_2_img.wow.animated img,.wow.animated .index_3_2_img img,.index_4_mid_left.ani.animated img,.index_5_1_right_img.wow.animated,.wow.animated.about_mid_left img,.wow.animated .promid_mid_3_1 img,.pro_info_1_mid_left.wow.animated img,.homemid_mid_left.wow.animated img,.wow.animated.news_mid_1_mid_left img,.wow.animated .join_1_right_bg
{
opacity: 1;
transform:skewY(0deg) scale(1) translateY(0px);
transition:transform 2s cubic-bezier(.215,.61,.355,1), opacity 1.2s cubic-bezier(.215,.61,.355,1);transition-delay:.8s;
}*/
/*.index_1_left_mid_1,.index_1_left_mid_2{
overflow:hidden}
.index_1_left_mid_2 span{
display:block; overflow:hidden}*/
/*.index_1_left_mid_1 span,.index_1_left_mid_2 span,.index_1_left_mid_4 a,.index_2_mid_mid_2 ul li,.index_3_2_name span,.index_4_mid_right_1 ul,.index_5_1_left_1 span,.index_4_mid_right_1 ul,.index_5_1_left_2 span,.about_mid_right_1 span,.promid_mid_1 span,.promid_mid_2 span,.promid_mid_3_2 span,.promid_mid_3_3 span,.pro_info_1_mid_right_1 span,.news_mid_1_mid_right_mid_1 span,.news_mid_1_mid_right_mid_2 span,.news_mid_1_mid_right_mid_4 span{
transform:translateY(165%) skewY(10deg);}
.index_1_left_mid_2.ani.animated span,.index_1_left_mid_1.ani.animated span,.index_1_left_mid_1.wow.animated span,.index_1_left_mid_2.wow.animated span,.index_1_left_mid_4.wow.animated a,.wow.animated .index_2_mid_mid_2 ul li,.wow.animated .index_3_2_name span,.index_4_mid_right_1.ani.animated ul,.index_5_1_left_1.wow.animated span,.index_5_1_left_2.wow.animated span,.wow.animated.about_mid_right_1 span,.wow.animated.promid_mid_1 span,.wow.animated.promid_mid_2 span,.wow.animated .promid_mid_3_2 span,.wow.animated .promid_mid_3_3 span,.pro_info_1_mid_right_1.wow.animated span,.news_mid_1_mid_right_mid_1.wow.animated span,.news_mid_1_mid_right_mid_2.wow.animated span,.news_mid_1_mid_right_mid_4.wow.animated span{transform:translateY(0%) skewY(0deg);
transition: transform 1s cubic-bezier(.215,.61,.355,1); }
*/
p.split>span
{
display: inline-block;
overflow: hidden;
padding-right:4px;
padding-left:4px;
}
p.split>span>span
{
display: inline-block;
transform:skewY(5deg) translateY(200%);
}
.wow.animated p.split>span>span,.ani.animated p.split>span>span
{
transform:translateY(0%) skewY(0deg) ;
transition: transform 1.5s cubic-bezier(.215,.61,.355,1);
}
.jobmask{ display:none;
position:fixed; left:0; top:0; width:100%; height:100vh; z-index:9999;background:rgba(0,0,0,0.72);}
.jobmask_mid{ padding-top:6.77083333333333vw; padding-bottom:6.77083333333333vw;
position:relative; background-color:#fff; padding-left:8.59375vw;padding-right:8.59375vw;}
.jobmask_mid_1{
font-size:2.25em;}
.jobmask_mid_2{
font-size:1.125em; margin-top:.75em;}
.jobmask_mid_3{
font-weight:bold; margin-top:2em;}
.jobmask_mid_4{
color:#666; line-height:1.7; margin-top:5px;}
.jobmask .index_3_mid{
 overflow:hidden; overflow-y:auto; max-height:95vh;}
 .jobmask_mid_close{
 position:absolute; right:2.34375vw; top:2.34375vw; z-index:10;}

.jobmask_mid_close img{
-webkit-transition: 1s;
    -webkit-transition: -webkit-transform 1s ease-out;
    transition: transform 1s ease-out;
    -moz-transition: -moz-transform 1s ease-out;}
.jobmask_mid_close:hover img{transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);}
.jobmask_mid_5{
font-size:14px; margin-top:2em;}
.jobmask_mid_5 a{
color:#fe0e46}



/***************/
@media screen and (max-width:1440px) {
.footer_roll{
right:30px;}
.jobmask_mid_close img{
width:60px;}
.jobmask_mid_1{
font-size:1.875em;}
.jobmask_mid{
padding:4vw;}
.nybanner_jj_mid_1{
font-size:2.5em;}
.nybanner_jj_mid_2{
font-size:1.25em;}
.index_1_left_mid_2{
font-size:2em;}
.about_mid_right_1{
font-size:1.5em;}
.join_1_left_mid_1_right img{
height:22px;}
.join_1_left_mid_1_left{
font-size:1.375em;}
.promid_mid_1{
font-size:2em;}
.promid_mid_2{
font-size:1.25em;}
 .index_1_left_mid{
margin-left:12%; margin-right:12%;}
.join_1_left_mid{
margin-left:10%; margin-right:10%;}
.index_3_mid,.promid_mid{
margin-left:6%; margin-right:6%;}
.index_4_mid_right{
margin-right:0; width:40%;}
.index_4_act{
left:60%;}
.about_mid_right{
width:auto; left:52%;}
.about_1 ul li:nth-child(2n) .about_mid_right{
left:auto; width:48%;}

}
@media screen and (max-width:1200px) {

.swiper-container-video .swiper-slide {

    padding:0 calc((100vw - 640px) * 0.059375);

	width: 640px;

}


.news_mid_1_mid_right_mid_3{
height:1em; margin-bottom:1em;}
.news_mid_1_mid_right_mid_5{
margin-top:1.5em;}
}
@media screen and (max-width:1080px) {
.about_1 ul li:nth-child(2n) .about_mid_left{
margin-left:0}
.about_1 ul li:nth-child(2n) .about_mid_right{
width:100%;}
.about_mid_left{
width:100%; text-align:center; margin-bottom:2em;}
.about_mid_right{
position:static; width:100%;-webkit-transform: translate(0%, 0%);
-ms-transform: translate(0%, 0%);
transform: translate(0%, 0%);}
} 
@media screen and (max-width:1024px) {
.index_5_1_left_2{
font-size:1em;}
.index_4_act{
bottom:0}
.index_4_mid_right_1 ul li:nth-child(2){
font-size:.875em;
}
.index_4_mid_right_1 ul li:nth-child(1) span{
font-size:1.125em;}
.index_4_mid_right_1{
margin-top:1.5em;}
.index_2_mid_mid_1 a{
font-size:.75em;}
.index_2_mid_mid_2 ul li span{
font-size:2em;}
.index_1_left_mid{
margin-left:1em; margin-right:1em;}
.homemid_mid_right_mid{
margin:0 1em; width:auto}
.pro_info_1_mid_right{
margin-top:0}
.promid_mid_3 ul li{
padding-bottom:2em; margin-bottom:2em;}
.promid_mid_2{
font-size:1em;}
.promid_mid_1{
font-size:1.75em;}
.promid_mid_3_2{
font-size:1em;}
.promid_mid{
margin-left:1em; margin-right:1em;}
#burger, #close
{
display:block;
}
	.header_mid_right_right{
	display:none}
body.cur #header.headroom--unpinned {
  transform: translateY(0px);
  background:#fff;
  transition: transform .5s ease-out, background-color .5s ease-out;
}
#header{
background-color:#fff; padding-top:10px; padding-bottom:10px;}
.header_mid_right{
display:none}
.header_mid{ margin-left:1em; margin-right:1em;
height:60px; padding-right:0;}
#main{
margin-top:80px;}
.header_mid_left a::after {
opacity:1}
.nybanner_jj_mid_1{
font-size:1.875em;}
.join_1_left_mid{
margin-left:1em; margin-right:1em;}
.join_1_left_mid_1_left{
font-size:1.125em;}
.join_1_left_mid_1_right img{
height:20px;}
.join_1_left_mid_1 ul li{
padding:1em 0;}
.about_mid_right_1{
font-size:1.25em;}
.index_1_left_mid_2{
font-size:1.5em;}
}
@media screen and (max-width:900px) {
	.news_mid_2{
	margin-top:2em;}
	.promid_mid_4{
	margin-bottom:3em;}
	.news_mid_1 ul li{
	margin-top:2em;}
	.news_mid_1_mid_right_mid_2{
	font-size:1.25em;}
	.news_mid_1_mid_right_mid{
	margin-left:1em; margin-right:1em; padding-top:2em; padding-bottom:2em;}
	.news_mid_1_mid_left{
	width:100%;}
	.news_mid_1_mid_right{
	position:static; width:100%;-webkit-transform: translate(0%, -0%);
-ms-transform: translate(0%, -0%);
transform: translate(0%, -0%);}
}
.img810show{
display:none; width:100%;}
@media screen and (max-width:810px) {
.indexbanner_mid_mid_2{
font-size:1em;}
 
.index_4_act{
left:0%; }
.index_4_mid_right_2{
margin-bottom:2em}
.index_4_mid_left{
width:100%;}
.index_4_mid_right{
width:100%; margin-top:2em;}
.swiper-button-zb,.swiper-button-yb{
  border-radius:100%;}
.swiper-button-zb{
left:1em;}
.swiper-button-yb{
right:1em;}
.index_3_2_view_btn{
display:none}
.index_3_2_img:after{
display:none}
.index_3_2_name{
font-size:1.125em; margin-top:1em;}
.index_3_2{
margin-left:1em; margin-right:1em;}
.swiper-container-video .swiper-slide {

    padding:0;

	width:auto;;

}
.index_3_2{
margin-top:1em;}
.index_2_mid_mid_1{
margin-bottom:1em;}
.index_2_mid_mid{
margin-left:1em; margin-right:1em;}
.index_2_mid_mid_1 a{
font-size:.6em;}
.index_2_mid_mid_2 ul li span{
font-size:1.5em;}
.index_1_left_mid{
padding-top:2em; padding-bottom:2em;}
.index_1_right_bg{
display:none}
 .index_1_left{
 width:100%;}
 .index_1_right{
 width:100%; position:static}
.news_info_mid_4 ul li:nth-child(2) a{
text-align:left}
.news_info_mid_4 ul li{
width:100%;}
.news_info_mid_3{
margin-top:2em; margin-bottom:2em; padding-top:2em;}
.news_info_mid_1{
font-size:1.25em;}
.index_1_left_mid_3{
margin-bottom:2em;}
.homemid{ overflow:hidden;
padding-top:2em;}
	.homemid_mid_right{ margin-top:2em;
	position:static; width:100%;-webkit-transform: translate(0%, 0%);
-ms-transform: translate(0%, 0%);
transform: translate(0%, 0%);}
	.homemid_mid_left{
	width:100%;}
	.homemid ul li:nth-child(2n) .homemid_mid_left{
	margin-left:0}
	.pro_info_1_mid_left{
	width:100%;}
	.pro_info_1_mid_right{
	width:100%; margin-top:2em;}
	.promid_mid_3 ul li{
	width:49%; margin-right:0}
	.promid_mid_3 ul li:nth-child(2n){
	float:right}
	.about_2{
	padding-top:2em; padding-bottom:2em;}
	.about_1 ul li{
	margin-top:2em;}
	.about_mid{
	margin-left:1em; margin-right:1em;}
	.nybanner_bg{
	display:none}
	.nybanner{
	height:auto}
	#footer{
	padding-top:3em;}
	.footer_1{
	font-size:1.375em;}
	.job_2{
	padding-top:2em; padding-bottom:4em;}
	#sbtn{
	width:100%; height:45px; line-height:45px; font-size:16px;}
	.job_2_1{
	margin-top:2em;}
	.job_2_1 ul li{
	width:100%; margin-right:0; margin-top:1em;}
	.join_1_left_mid_1{
	margin-top:1.5em}
	.join_1_left_mid_1_left{
	font-size:1em;}
	.jobact{
	margin-top:2em; margin-bottom:2em;}
	.join_1{
	padding-top:2em; padding-bottom:0}
	.img810show{
	display:block}
	.join_1_right{
	position:static; width:100%;}
	.join_1_right_bg{
	display:none}
	.join_1_left{
	width:100%;}
	.about_mid_right_1{
	font-size:1.125em;}
 .index_3_mid, .promid_mid{
 margin-left:1em; margin-right:1em;}
 .jobmask_mid{ padding-top:2.5em; padding-bottom:2.5em;
 padding-left:1em; padding-right:1em;}
 .jobmask_mid_2{
 font-size:1em;}
 .jobmask_mid_1{
 font-size:1.25em;}
 .jobmask_mid_close img{
 width:2.5em;}
}
.img1m{
display:none}
@media screen and (max-width:768px) {
.img1m{
display:block}
.img1pc{
display:none}
.promid_mid_4{
margin-bottom:4em;}
.promid_mid_4 ul li{
margin:0 10px;}
#footer{
padding-top:2em;}
.footer_1{
font-size:1.25em;}
.footer_cp_left,.footer_cp_right{
float:none; width:100%; text-align:center}
.footer_cp{
margin-top:2em;}
.footer_2_right{
display:none;}
}
@media screen and (max-width:640px) {
.index_5_1_left{
width:100%;}
.index_5_1_right{
display:none}
.pro_info_1_mid_right_2 ul li{
margin-right:5px; margin-bottom:5px;}
.pro_info_1_mid_right_2 ul li a{
font-size:.75em;}
.index_1_left_mid_3_p{
height:1em;}
.pro_info_1 .index_1_left_mid_3{
margin-bottom:1em;}
.promid_mid_1{
font-size:1.375em;}
.nybanner_jj_mid_2{
font-size:1em;}
.nybanner_jj_mid_1{
font-size:1.375em}
}
@media screen and (max-width:480px) {
#indexnewsmore{
display:block}
.index_4_mid_right_1 ul li:nth-child(1) span{
font-size:1em;}
.index_3_2 .vmore{
display:none
 }
.swiper-button-zb,.swiper-button-yb{
width:3em; height:3em;}
.index_2_mid_mid_1 a{
font-size:.45em;}
.index_2_mid_mid_2 ul li span{
font-size:1.125em;}
.index_2_mid_mid_2 ul:after{
font-size:.5em;}
.news_info_mid_1{
font-size:1.125em; line-height:1.6;}
.news_mid_1_mid_right_mid_5 span{
width:160px; height:38px; line-height:38px;}
.news_mid_1_mid_right_mid_2{
font-size:1em;}
.news_mid_1_mid_right_mid_4{
font-size:.875em;}
.footer_1{
font-size:1.125em;}
.jobact{
text-align:center}
.swiper-button-zb2,.swiper-button-yb2{
font-size:.875em;}
.about_mid_right_1{
font-size:1em;}
.index_1_left_mid_2,.promid_mid_1{
font-size:1.25em;}
} 

.indexbanner_left{ display:none;
position:absolute; left:40px; top:50%;-webkit-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%); width:20vw; cursor:pointer;
transform: translate(0%, -50%); color:#fff; z-index:10;} 
.indexbanner_left:before{-webkit-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);width: calc(100% - 55px); left:55px;
content:''; position:absolute; top:50%; height:1px; background-color:#fff; opacity:.68;}
.indexbanner_left:after{
-webkit-transform: translate(0%, -50%); z-index:10;
-ms-transform: translate(0%, -50%); width:0; left:55px;
content:''; position:absolute; top:50%; height:1px; background-color:#fff;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.indexbanner_left:hover:after{width: calc(100% - 55px);}


.indexbanner_right{ display:none; text-align:right;
position:absolute; right:40px; top:50%;-webkit-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%); width:20vw; cursor:pointer;
transform: translate(0%, -50%); color:#fff; z-index:10;} 
.indexbanner_right:before{-webkit-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);width: calc(100% - 55px); left:0px;
content:''; position:absolute; top:50%; height:1px; background-color:#fff; opacity:.68;}
.indexbanner_right:after{
-webkit-transform: translate(0%, -50%); z-index:10;
-ms-transform: translate(0%, -50%); width:0; right:55px;
content:''; position:absolute; top:50%; height:1px; background-color:#fff;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.indexbanner_right:hover:after{width: calc(100% - 55px);}
.indexbanner_right span:hover,.indexbanner_left span:hover{
color:#000;}

.indexbanner_mid{ display:none; -webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%); border:7.55208333333333vw rgba(0, 0, 0, 0.22) solid; 
position:absolute; width:40vw; height:35vw; left:50%; top:50%; z-index:100; border-radius:100%; }
.indexbanner_mid_mid{border-radius:100%;
position:relative; width:100%; height:100%; /*border:1px rgba(255, 255, 255, 0.4) solid;*/}
#indicatorContainer{
position:relative; width:100%; height:100%;  } 
.indexbanner_mid_mid:after{-webkit-transform: translate(-50%, -0%);
-ms-transform: translate(-50%, -0%);
content:''; position:absolute; left:50%; top:-5px; width:10px; height:10px; background-color:#fff; border-radius:100%;}
.indexbanner_jdt{ color:#fff; font-family:Times New Roman;
position:absolute; right:40px; z-index:10; width:11.71875vw; bottom:4.58333333333333vw;}
.indexbanner_jdt_right{
position:absolute; right:0; top:0;}
.indexbanner_jdt_mid{
position:absolute; left:50%; top:50%; height:1px; width:8vw;-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%); background-color:rgba(255, 255, 255, 0.29); }
.indexbanner_jdt_mid span{
position:absolute; left:0; top:0; width:0; height:1px; background-color:#fff;}
.indexbanner_mid_mid_h{width:28vw;   
color:#fff; text-align:left; position:absolute; left:20%; top:50%; z-index:9999999999999999999;-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);}
.indexbanner_mid_mid_1{
font-size:35px; font-weight:700;}
.indexbanner_mid_mid_2{
font-size:18px; font-family:Times New Roman; margin-top:15px;}


.indexbanner{ /*overflow:hidden;
position:relative;*/ width:100%; height:100vh;}
#sliderimage img
{
position:absolute;
object-fit: cover;
height:100%;
width:100%;
top:0px;
left:0px;
opacity:0;
transform:translateY(10vh) scale3d(1.1, 1.2, 1.2);
}

#sliderimage img.first
{
z-index:2;
opacity:1;
transform:translateY(0) scale3d(1, 1, 1);
}

#sliderimage img.active
{
z-index:3;
opacity:1;
transform:translateY(0) scale3d(1, 1, 1);
}

#sliderimage img.preNext,
#sliderimage img.prePrev
{
transform:translateY(0) scale3d(1.1, 1.2, 1.2);
transition: transform 1s cubic-bezier(.215,.61,.355,1);
}

#sliderimage img.prev_n,
#sliderimage img.next
{
opacity:1;
z-index:4;
transform:translateY(0) scale3d(1, 1, 1);
transition: transform 1.9s cubic-bezier(.215,.61,.355,1), opacity .5s ease-out;
transition-delay:.1s;
}

#sliderimage
{
overflow:hidden;
width:100vw;
height:100vh;
object-fit: cover;
height: calc(var(--vh, 1vh) * 100);
top:0px;
position: absolute;
z-index: 1;
pointer-events: none;
} 
 @media screen and (max-width:1024px) {
 	.indexbanner_jdt{
	width:140px; padding:0 20px;}
	.indexbanner_jdt_mid{
	width:80px;}
 } 
 @media screen and (max-width:810px) {
 .indexbanner,.banner_img{
 height:auto}
 .banner_img_pc{
 display:none}
 .banner_img_mo{
 display:block}
 .indexbanner_mid_mid_h{
 width:50vw;}
 .indexbanner_mid{
 width:50vw; height:50vw;}
.indexbanner_mid_mid_2{
font-size:1em;}
.indexbanner_mid_mid_1{
font-size:1.25em;}
.indexbanner_left,.indexbanner_right{
display:none}
}
 @media screen and (max-width:480px) {
 .header_mid_left a img{
 height:25px;}
 .footer_roll{
 right:1em; bottom:8em;}
 .homemid{
 padding-top:0}
 .indexbanner_mid_mid_h{
 width:80vw;}
 .indexbanner_mid{
 width:80vw; height:80vw;}
 }
.ovh{
overflow:hidden}
.pvideo{ object-fit: fill;position:absolute; left:0; top:0; width:100%; z-index:10;  }
.swiper-button-zb:hover{
background-color:#fff; background-image:url(../images/index/img7b.png);} 
.swiper-button-yb:hover{
background-color:#fff; background-image:url(../images/index/img8b.png);} 
 
/**************************/
#nav_mobile { visibility:hidden;pointer-events:none;
  position: fixed;
  z-index: 99;
  top: 80px;
  width: 100vw;
  padding: 0px;
    padding-top: 0px;
  background: #fff; text-align:center;
  height: calc(100vh - 80px); left:0;
}
#nav_mobile.active{
visibility:visible;pointer-events:auto; }
#nav_mobile.active nav ul li a.bigas{
font-size:1.125em; display:block; padding:.75em 0; border-top:1px #ccc solid;} 
#nav_mobile nav ul li dl{
display:none}
#nav_mobile nav ul li
{
opacity:0;
transform:translateY(30px);
}

#nav_mobile.active nav ul li
{
opacity:1;
transform:translateY(0);
transition-delay:.5s;
transition:transform 1s cubic-bezier(.215,.61,.355,1), opacity 1s cubic-bezier(.215,.61,.355,1);
}

#slider_speed.active .nav_s ul li:nth-child(2)
{
transition-delay:.6s;
}

#slider_speed.active .nav_s ul li:last-child
{
transition-delay:.7s;
} 

 
 /* Mouse follower */

#mousepointer
{
z-index:999999999999999;
height: 20px;
width: 20px;
position:fixed;
pointer-events:none;
transition:left .1s ease-out, top .1s ease-out;
}

/*#mousepointer>div
{pointer-events:none;
width:18px;
height:18px;
position: absolute;
top:0px;
bottom:0px;
left:0px;
right:0px;
margin:auto;
opacity:1;
border:2px #32b74c solid;
border-radius: 100%;
transform: scale(1);
transition:transform .5s ease-out;
}*/

#mousepointer>div>img,
#mousepointer>div>span,
#mousepointer>div>div
{
display:block;
width:50%;
position:absolute;
top:50%;
left:0px;
right:0px;
margin:auto;
transform: translateY(-50%);
opacity:0;
transition:opacity .3s ease-out;
}

#mousepointer>div>span,
#mousepointer>div>div
{
width:100%;
text-align:center;
color:var(--gold);
}

#mousepointer>div>*.active
{
opacity:1;
transition:opacity .5s ease-out;
}

/*#mousepointer.active>div
{
transform: scale(2);
transition:transform .5s linear;
border:1px solid #32b74c;
}*/

#mousepointer.active_text
{
opacity:0;
transition:opacity .5s ease-out;
}
/* END Mouse follower */
 
 
 .aboutmore { margin:40px auto; width:100%; text-align:center;}
 .index_9 {   height:700px; margin:0px auto; width:100%; clear:both; overflow: hidden;}
 
 
 .pro_list { width:100%; padding:0px 0% 0px; margin-top:-50px; position:relative; z-index:21; background:#fff; height:220px;}
 .pro_list ul { margin:0px 5%; width:90%;  text-align:center;}
  .pro_list ul li { width:16%; background:#fff; display:inline-block;  height:200px;text-align:center; border-right:1px solid #eee;border-bottom:0px solid #eee; padding-top:2%; }
  
  
   .pro_list ul a li img{ transition:all .4s;}
   .pro_list ul a:hover li img { margin-top:-10px;  transform:scale(.8,.8); opacity:.8;}
   
    .pro_list ul a:hover li h3{ color:#0b67bb;}
   
     .pro_list ul a:nth-child(1) li { border-left:1px solid #eee; }
   
   .pro_list ul a:nth-child(6) li, .pro_list ul a:nth-child(7) li, .pro_list ul a:nth-child(8) li, .pro_list ul a:nth-child(9) li, .pro_list ul a:nth-child(10) li{ border-bottom:none !important;}
   
   .pro_list ul a:nth-child(5) li,.pro_list ul a:nth-child(10) li{ border-right:none;}
  
  .pro_list h3 {font-size:18px; line-height:30px; margin-top:10px; font-weight:400;}
  .pro_list p { font-family:Montserrat-Hairline; font-size:13px; line-height:20px; font-weight:700; color:#666; text-transform:capitalize;}
  
  .slide__text-desc_cp { width:100%;}
  .slide__text-desc_cp dl { width:45%; margin-right:5%; float:left; margin-bottom:0px;}
   .slide__text-desc_cp dl dt { width:100%; 
   
   text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
height: 35px;
line-height: 35px;
   
   }
   
    .slide__text-desc_cp a dl dt { color:#fff;}
	.slide__text-desc_cp a:hover dl dt { font-weight:700;}
    .slide__text-desc_cp dl dd { opacity:.7; display:none;}
	
	
	
	
	
	
	
/************footer*************/
#footer{ overflow:hidden;
background-color:#2a3139; border-top:4px #3a99d8 solid;}
.footer_mid_1{ padding-right:12.6875em;
position:relative; padding-left:27.34375%;}
.footer_mid_1_left{
position:absolute; left:0; top:0; width:27.34375%}
.footer_mid_1_left_mid{
margin-right:17.53554502369668%;}
.footer_mid_1_mid{ color:#fff; padding:0 12%; margin-right:3.5625em;
border-left:1px #565b61 solid;border-right:1px #565b61 solid; padding-bottom:2.6875em;}
.footer_mid{
margin:0 5%;}
.footer_mid_1_mid_1{
font-family:Calibri; font-size:1.5em;}
.footer_mid_1_mid_2{
font-size:1.125em; margin-top:1em; margin-bottom:.75em; line-height:1.6;}
.footer_mid_1_mid_3{font-family:Calibri;
color:#afbac6; border-bottom:1px #565b61 solid; padding-bottom:2em; margin-bottom:1.5em;}
.footer_mid_1_mid_4 ul li{
display:inline-block;}
.footer_mid_1_mid_4_1{color:#afbac6; 
font-size:1.125em;font-family:Calibri; margin-top:.5em; }
.footer_mid_1_mid_4_1 a{color:#afbac6; }
.footer_mid_1_mid_4_1 a:hover{
color:#fff}
.footer_mid_1_mid_4 ul li:nth-child(1){
margin-right:3.48958333333333vw;}
.footer_mid_1_left_mid_2{font-family:BEBAS;
color:#fff; margin-top:0em; padding-bottom:1.5em; position:relative; text-transform:uppercase;  font-size:18px; line-height:35px; margin-top:20px; }
.footer_mid_1_left_mid_2:after{ background-color:#3a99d8;
content:''; position:absolute; left:0; bottom:0; height:2px; width:5.05208333333333vw;}
.footer_mid_1_right{
position:absolute; right:0; top:0; width:12.6875em}
.footer_mid_1_right_mid{
 }
.footer_mid_1_right_mid_1{
font-size:1.5em; color:#fff}
.footer_mid_1_right_mid_2 ul li{
float:left; color:#fff; text-align:center; width:45%;}
.footer_mid_1_right_mid_2 ul li:nth-child(2n){
float:right}
.footer_mid_1_right_mid_2{
margin-top:1.75em;}
.footer_mid_1_right_mid_2_2{
margin-top:.5em;}
.footer_mid_1{ margin-bottom:3.75em;
margin-top:5.625em;}
.footer_mid_2_left{
float:left; font-size:.875em; }
.footer_mid_2_right{
float:right;}
.footer_mid_2{border-top:1px #565b61 solid;
line-height:1.5;color:#d0d0d0; padding:1em 0;}
.footer_mid_2 a{color:#d0d0d0;}
.footer_mid_2 a:hover{color:#fff;}
.footer_mid_2_right{
font-size:.875em; float:right;}
/************mobile*********************/
	
	
	
.search {width:500px; margin:50px auto 0px; background:#fff; height:54px; border:2px solid #035cac; border-radius:50px; position:relative; z-index:9999;   }
.search1 { width:396px; line-height:50px; border:none; padding-left:40px; float:left;  color:#666; font-size:16px;border-radius:50px; background:#fff;  }
.searchimg1 { width:90px; height:50px; float:right; text-align:center; background:#035cac; border:none; border-radius:50px;}














.webright{
position:fixed; right:0; height:370px; width:80px; z-index:888; margin-top:-185px; top:40%;}
.webright ul li{
position:relative; margin-bottom:2px;}
.webright ul li span{ height:100%; line-height:80px; padding-left:57px; display:none;
position:absolute; right:60px; top:0; width:160px; background-position:center; background-repeat:no-repeat; background-image:url(../images/right/img8.png); font-size:18px;}
.webright ul li img.ewm{ display:none;
max-width:none;  position:absolute; right:60px; top:-26px;}
.r_2{ padding-top:5px;
font-size:14px; text-align:center; color:#357cbc;}
.webright ul li a{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;
display:block; background-position:center; background-repeat:no-repeat; height:80px; background-color:#e8edf6;border-radius:3px}
.webright ul li:hover a{
background-color:#3269cc;}
.webright ul li:hover a .r_2{
color:#fff;}
.r_1 img:nth-child(2){
display:none}
.webright ul li:hover .r_1 img:nth-child(2){
display:inline-block}
.webright ul li:hover .r_1 img:nth-child(1){
display:none}
.r_1{
text-align:center}

.webright ul li:hover span,.webright ul li:hover img.ewm{
display:block}